<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<script>
    onload = function() { checkLayout('#stf'); }
</script>
<p>Test that a spanner contributes to the maximum preferred width of a multicol container.</p>
<p>Below there should be a blue square.</p>
<div id="stf" style="width:-webkit-max-content;" data-expected-width="160" data-expected-height="160">
    <div style="-webkit-columns:4; -webkit-column-gap:0; font:20px/1 Ahem; color:blue; background:blue;">
        X<br>X<br>X<br>X<br>
        X<br>X<br>X<br>X<br>
        <div style="-webkit-column-span:all;">
            XXXX XXX
        </div>
        X<br>X<br>X<br>X<br>
        X<br>X<br>X<br>X<br>
        X<br>X<br>X<br>X<br>
        X<br>X<br>X<br>X<br>
        X<br>X<br>X<br>X<br>
    </div>
</div>
